 /* Chat Test Styles */

 /*** HEADER STYLES ***/
body>header {
	width:				100%;
	height:				18pt;
	background:			#575757 url('../pics/toolbarbg.png') repeat-x;
	border-bottom:		#535556 solid 1px;
	color:				#CCC;
}
body>header>div#headerpanel {
	width:				631pt;
	height:				18pt;
	margin:				0 auto;
}

body>header h1 {
	float:				left;
	color:				#000;
	padding:			3pt;
	width:				80pt;
	padding-left:		20px;
	background:			url('../pics/catpict.png') no-repeat left center;
	color:				#FFF;
}
body>header ul {
	float:				right;
	list-style:			none;
	margin-left:		auto;
	margin-top:			2pt;
}
body>header ul>li {
	list-style:			none;
	margin-left:		4pt;
	display:			inline;
}
body>header #headerAboutLink {
	font-weight:		bold;
	cursor:				pointer;
	cursor:				hand;	
}
/*** END OF HEADER STYLES ***/

/*** NEW MESSAGE BOX ***/
aside#newmsg {
	width:				626pt;
	margin:				4pt auto;
	padding:			4pt;
	background-color:	#698ED4;
	border:				#2B4980 solid 1px;
	border-radius: 		6px;
	-webkit-border-radius:	6px;
	-moz-border-radius:	6px;
	border-left-color:	#88A6DD;
	border-top-color:	#88A6DD;
	display:			none;
}
aside#newmsg h2 {
	color:				#FFF;
	margin-bottom:		2pt;
}
aside#newmsg p {
	margin:				0 0 2pt 4pt;
	height:				18pt;
	color:				#EEE;
	font-style:			italic;
}
aside#newmsg textarea {
	padding:			2pt;
	width:				620pt;
	max-width:			620pt;
	min-width:			620pt;
	max-height:			10em;
	min-height:			1em;
	overflow:			auto;
	background-color:	#E1E8F6;
	border:				#2B4980 solid 1px;
	border-radius: 		4px;
	-webkit-border-radius:	4px;
	-moz-border-radius:	4px;
	border-right-color:	#FFF;
	border-bottom-color: #FFF;
}
aside#newmsg textarea:focus,
aside#newmsg input:focus {
	outline:			none;
	background-color:	#FFF;
}

aside#newmsg p button[type=submit] {
	float:				right;
	margin-right:		6pt;
}
div.msgcharcount {
	width:				3em;
	float:				right;
	text-align:			right;
	margin-right:		2pt;
	color:				#FFF; /* white */
}
#minimizebutton {
	width:			1em;
	margin-left:		2px;
	float:			right;
	color:			#FFF; /* white */
}
/*** END OF NEW MESSAGE BOX ***/

/*** LOADER ***/
aside#loading {
	width:				631pt;
	margin:				4pt auto;
	padding:			4pt;
	background-color:	#E1E1E1;
	border:				#BBBCC1 solid 1px;
	border-radius: 		6px;
	-webkit-border-radius:	6px;
	-moz-border-radius:	6px;
}
/*** END OF LOADER ***/

/*** USER LIST ***/
aside#userlist {
	margin-top:			3pt;
	display:			block;
	position:			absolute;
	right:				0;
}
aside#userlist #ultab {
	position:			float;
	float:				right;
	width:				16pt;
	border:				#88A6DD solid 1px;
	border-bottom-color: #2B4980;
	border-right-color:	#5674AE;
	background-color:	#698ED4;
	border-radius: 		6px 0 0 6px;
	-webkit-border-radius:	6px 0 0 6px;
	-moz-border-radius:	6px 0 0 6px;
	text-align:			left;
	cursor:				pointer;
	cursor:				hand;
}
aside#userlist #ulcontent {
	position:			float;
	float:				right;
	width:				138pt;
	background-color:	#698ED4;
	border:				#88A6DD solid 1px;
	border-right-width:	0;
	border-bottom-color: #2B4980;
	padding:			2pt;
	border-radius: 		0 0 0 6px;
	-webkit-border-radius:	0 0 0 6px;
	-moz-border-radius:	0 0 0 6px;
}
aside#userlist h2 {
	color:				#DDD;
	margin:				0 0 2pt 2pt;
	text-align:			left;
}
aside#userlist h2 #myNameBusyIndicator {
	margin-left:		32pt;
	display:			none;
}
aside#userlist header {
	text-align:			center;
	padding-bottom:		2pt;
}
aside#userlist #ulMyName {
	font-family:		Consolas, 'Courier New', Courier, Monaco, monospace;
	width:				126pt;
	margin:				0 2pt 0 0;
	padding:			0 1pt 0 2pt;
	border:				#2B4980 solid 1px;
	border-radius: 		4px;
	-webkit-border-radius:	4px;
	-moz-border-radius:	4px;
	border-bottom-color: #9DB6E3;
	border-right-color: #9DB6E3;
	background-color:	#88A6DD;
	color:				#FFF;
}
aside#userlist #ulMyName:focus {
	outline:			none;
	background-color:	#FFF;
	color:				#000;
}
aside#userlist #ulMyNameTools {
	display:			none;
	margin:				0 auto;
	width:				96%;
	border-bottom:		#FFF solid 1px;
}
aside#userlist #ulMyNameTools li {
	list-style:			none;
	display:			block;
	color:				#FFF;
	font-size:			small;
	cursor:				pointer;
	cursor:				hand;
	margin:				2pt 3pt;
}

aside#userlist #ulMyNameChange {
	/*margin:				2pt 10pt 2pt 30pt; */
	text-align:			right;
	font-weight:			bold;
}
aside#userlist #ulMyNameCancel {
	/*margin:				2pt 30pt 2pt 2pt; */
	float:				left;
	text-align:			left;
}

aside#userlist ul#otheruserslist {
	width:				100%;
	margin:				0 2pt 2pt 0;
}
aside#userlist ul#otheruserslist li {
	margin:				4pt 1pt;
	padding:			0 0 1pt 3pt;
	border:				#2B4980 solid 1px;
	border-radius: 			3px;
	-webkit-border-radius:		3px;
	-moz-border-radius:		3px;
	border-bottom-color:		#9DB6E3;
	border-right-color:		#9DB6E3;
	background-color:		#84A2DC;
	list-style:			none;
}
aside#userlist ul#otheruserslist li.active {
	font-weight:			bold;
	color:				#FFF;
}
aside#userlist ul#otheruserslist li.idle {
	color:				#9DB6E3;
	text-decoration:		line-through;
}
aside#userlist ul#otheruserslist li.void {
	color:				#F00;
}

/*** END OF USER LIST ***/

/*** MESSAGE LIST ***/
section#messagelist {
	clear:				both;
	width:				631pt;
	margin:				4pt auto;
	padding:			2pt;
/*	background-color:	#E1E1E1;
	border:				#BBBCC1 solid 1px;
	border-radius: 		6px;
	-webkit-border-radius:	6px;
	-moz-border-radius:	6px; */
}

#messagelist ul {
	margin-left:	1em;
}
#messagelist ul#msgroot {
	margin-left:	0;
}
#messagelist ul li {
	list-style-type: 	none;
	border:			#BBBCC1 solid 1px;
	border-radius: 		4pt;
	background-color:	#E1E1E1;
	margin-bottom:		1px;
	margin-right:		1px;
}
#messagelist ul li.dummy>ul {
	margin-left:		3px;
}
#messagelist .msg .msgwrapper {
	border:				transparent solid 1px;
	border-radius: 		6pt;
	-webkit-border-radius:	6px;
	-moz-border-radius:	6px;
}

#messagelist .msg .bordered {
	background-color:	#698ED4;
	border-color:		#2B4980;
	border-left-color:	#88A6DD;
	border-top-color:	#88A6DD;
}

#messagelist .msg p.msgbody {
	margin:			2pt;
	padding:		1pt 2pt 2pt 4pt;
	background-color:	#E1E1E1;
}

#messagelist .msg p.msgbody.system {
	color:			#CC0000;
	border-color:		#CC0000;
	background-color:	#FFFFCC;
}

#messagelist .msg p .username {
	background-color:	#698ED4;
	border:			#2B4980 solid 1px;
	border-left-color:	#88A6DD;
	border-top-color:	#88A6DD;
	border-radius: 		3pt;
	font-weight:		bold;
	color:			#FFF;
	font-size:		10pt;
	padding:		0 2pt 0 2pt;
	float:			right;
	display:		inline-block;
	vertical-align:		middle;
	margin-right:		.5em;
	margin-bottom:		1px;
}
#messagelist .msg p.system .username {
	border-color:		#E68080;
	background-color:	#FFFFE6;
	color:				#E68080;
}
#messagelist .msg p .msgtext {
	font-family:	Consolas, 'Courier New', Courier, Monaco, monospace;
}
#messagelist .msg p .msgdate {
	font-family:	Consolas, 'Courier New', Courier, Monaco, monospace;
	float:			right;
}
#messagelist .msg .bordered .msgbody {
	border-color:		#2B4980;
	border-right-color:	#FFF;
	border-bottom-color: #FFF;
}

/* Reply to Message */
#messagelist .msg textarea {
	margin:				2pt 4pt;
	padding:			2pt;
	width:				98%;
	max-width:			98%;
	min-width:			98%;
	max-height:			5em;
	min-height:			1em;
	overflow:			auto;
	background-color:	#E1E8F6;
	border:				#2B4980 solid 1px;
	border-radius: 		4px;
	-webkit-border-radius:	4px;
	-moz-border-radius:	4px;
	border-right-color:	#FFF;
	border-bottom-color: #FFF;
}
#messagelist h2 {
	color:			#FFF;
	margin-left:	4pt;
}
#messagelist button[type=reset] {
	margin:		 1pt 0 4pt 5pt;
}
#messagelist button[type=submit] {
	float:				right;
	margin-right:		6pt;
	margin-bottom:		2pt;
	font-weight:		bold;
}

/*** END OF MESSAGE LIST ***/

/*** FOOTER STYLES ***/
body>footer {
	width:				631pt;
	margin:				4pt auto;
	padding:			4pt;
	text-align:			center;
	border-top:			#000 solid 1px;
	border-radius: 		6px;
	-webkit-border-radius:	6px;
	-moz-border-radius:	6px;
}
/*** END OF FOOTER STYLES ***/

/*** ABOUT BOX ***/
aside#about {
	z-index:			98;
	position:			absolute;
	width:				100%;
	height:				100%;
	left:				0;
	top:				0;
	background:			transparent url('../pics/semitransparent-black-bg.png');
	display:			none;
}
aside#about div#aboutBox {
	z-index:			99;
	width:				512px;
	background-color:	#FFF;
	border:				#000 solid 1px;
	border-radius: 		6px;
	-webkit-border-radius:	6px;
	-moz-border-radius:	6px;
	margin:				5em auto;
	padding:			5pt;
}
aside#about div#aboutBox #aboutBoxButtonsPara {
	text-align:			center;
	margin-top:			1em;
}
/*** END OF ABOUT BOX ***/

/** GENERIC CLASS STYLES **/
.centered {
	text-align:			center;
}
/** END OF GENERIC CLASS STYLES **/
